<!-- 模态窗的头部 -->
<div class="modal-header">
	<button type="button" class="close" data-dismiss="modal"
		aria-label="Close">
		<span aria-hidden="true">&times;</span>
	</button>
	<h4 class="modal-title">编辑任务</h4>
</div>
<!-- 模态窗的内容 -->
<div class="modal-body">
	<form id="updateForm">
		<div class="form-group">
			<label for="taskName">任务名</label> <input type="text"
				class="form-control" id="taskName" name="taskName" value="${(task.taskName)!''}" readonly="readonly">
		</div>
		<div class="form-group">
			<label for="cron">cron表达式</label> <input type="text"
				class="form-control" id="cron" name="cron" value="${(task.cron)!''}">
			<div style="padding-left: 5px">
				<a href="/showCron" target="_blank" style="color: teal;">跳转到cron表达式生成页面</a>
			</div>
		</div>
		<div class="form-group">
			<label for="description">任务描述</label> 
			<textarea class="form-control" rows="3" id="description" name="description" >${(task.description)!''}</textarea>
		</div>
		<!-- 隐藏表单 -->
		<input type="hidden" name="id" value="${task.id}" id="taskId">
	</form>
</div>
<!-- 模态窗的底部 -->
<div class="modal-footer">
	<button type="button" id="resetBtn" class="btn btn-default">重置</button>
	<button type="button" id="saveBtn" class="btn btn-primary">提交</button>
</div>
 <script>
 		/** 表单序列化成json字符串的方法  */
 		function form2JsonString(formId) {
 			var paramArray = $('#' + formId).serializeArray();  
 			 /*请求参数转json对象*/  
 			 var jsonObj={};  
 			  $(paramArray).each(function(){  
 			      jsonObj[this.name]=this.value;  
 			  });  
 			 console.log(jsonObj);  
 			 // json对象再转换成json字符串
 			 return JSON.stringify(jsonObj);
 		}
		 
  		$(function() {
			// 提交按钮的点击事件
			$("#saveBtn").on('click', function(){
					$.ajax({
						type: 'POST',
						url: '/task/update',
						data: form2JsonString('updateForm'),
						contentType: "application/json; charset=utf-8",
						success: function(data){
							if(data.status){
								layer.msg("编辑成功");
								// 成功后关闭模态窗口
								$("#showModal").modal('hide');
								// 刷新页面
								setTimeout(function(){
									window.location.reload();
								},500);
							} else {
								if(data.msg != ""){
									layer.msg("编辑失败 ，" + data.msg)
								} else {
									layer.msg("编辑失败");
								}
							}
						},
						error: function(){
							layer.msg("编辑失败")
						},
						dataType:'json'
					})
			})
			
			// 重置表单
			$("#resetBtn").on('click', function(){
				// 清空表单，dom对象才有的方法
				$("#updateForm")[0].reset();
			});
  			
  		})// end window.onload
  </script>